<!DOCTYPE html> 
<html lang="ja"> 
    <head> 
        <meta charset="utf-8"> 
        <title>TM Button</title>
        <link rel="stylesheet" href="./tm-button.css" type="text/css" />
        
        <style>
            
            body {
                margin: 20px;
                font-size: 13px;
                font-family: "Meiryo";
            }
            
        </style>
        
    </head>
    
    <body>
        
        <h1>CSS コンポーネント化計画</h1>
        
        <h2>方針</h2>
        <ul>
            <li>速度よりも使いやすさ, 使い回しを意識した作りにするべし</li>
            <li>色やサイズはユーザが上書きして使用しても問題ないようにするべし</li>
        </ul>
        
        <h2>具体的</h2>
        <ul>
            <li>タグに依存しない作りにする. つまり class 指定がベース</li>
            <li>[class|=name] といった CSS3 から追加されたセレクタを積極的に活用</li>
        </ul>
        
        <section>
            <h2>Component</h2>
            <section>
                <h3>Button</h3>
                <ul>
                    <li><a href="./button/tm-button/index.html">tm button</a></li>
                </ul>
            </section>
        </section>
        
    </body>
</html>
